05. An Ember App's File Structure

An Ember App's File Structure

INSTRUCTOR NOTE:

Specific folders mentioned in the video:

  • public holds your static assets
  • Ember copies files into dist when building the site
  • Configuration values go in config
  • Finally, app holds your application's source code.

Inside the app folder:


  • router.js holds routes
  • index.html has a template for the whole page, but includes the header, body and footer so you will be working in those instead (via app/templates)
  • app.js is the project's main setup file
  • styles holds style sheets
  • routes holds additional routing information
  • models holds schema files for data
  • helpers holds helper files for templates
  • controllers is being phased out in favor of components
  • components holds custom html elements. The code lives in components and the HTML lives in templates/components

Next Concept